<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>外卖小票</title>
    <style>*{margin:0;padding:0}body{background:#f1f1f1}.fl{float:left}.fr{float:right}.clear{clear:both}.zbox{width:364px;padding:40px 10px;background:#FFF;margin:30px auto}.wmbox{font-size:"微软雅黑";width:364px;margin:0 auto;background:#fff;border-top:#000 1px dashed;border-bottom:#000 1px dashed}.fontbig{font-size:32px}.fontmid{font-size:24px}.fontsml{font-size:20px}.cen{text-align:center}.caipin{border-top:#000 1px dashed;position:relative;margin:20px 0;padding-top:15px;height:auto}.caipin .lanzi{position:absolute;top:-20%;left:40%;background:#FFF}.caipin .cpxx{clear:both}.caipin .cpxx .cp{width:60%}.caipin .cpxx .sl{width:15%}.caipin .cpxx .jg{width:25%;text-align:right}.qt{border-top:#000 1px dashed;border-bottom:#000 1px dashed;position:relative;margin:50px 0 5px;padding-top:15px;padding-bottom:15px}.qt .tit{position:absolute;top:-16%;left:45%;background:#FFF}</style>
</head>
<body>
<div class="zbox">
    <div class="wmbox">
        <p class="fontbig cen">在线支付</p>
        <p class="fontsml cen">订单号：{$id}</p>
        <p class="fontsml cen">桌号：{$desk_number}</p>
        <p class="fontsml cen">用餐人数：{$people_number}</p>
        <p class="fontsml cen">下单时间：{$create_time}</p>
        <!--菜品-->
        <div class="fontmid caipin">
            <volist name="result" id="result">

            <span class="lanzi">菜品</span>
            <div class="cpxx">
                <div class="cp fl">{$result.name}</div>
                <div class="sl fl">x{$result.amount}</div>
                <div class="jg fr">{$result.price}</div>
            </div>
                <div class="cpxx">
                    <div class="cp">{$result.attribute}</div>
                </div>
            </volist>
        </div>
        <!--其他-->
        <span class="fontsml tit">其他</span>
        <p class="fontsml">付款金额：{$result.pay_amount}</p>

    </div>
</div>
</body>
</html>